<template>
  <div class="page-fs position-relative">
    <div class="position-absolute">
      <a-select
        v-model:value="linkUrl"
        style="width: 300px;"
        @change="selectChange"
      >
        <template
          v-for="_index in 12"
          :key="_index"
        >
          <a-option :value="'http://121.40.237.31:38000/map/' + _index.toString().padStart(2, '0') + '/'">
            首页 - {{ _index }}
          </a-option>
        </template>
      </a-select>
    </div>
    <iframe
      class="page-fs"
      :src="linkUrl"
    />
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  data() {
    return {
      linkUrl: ref('http://121.40.237.31:38000/map/01/')
    }
  },
  methods: {
    selectChange(val) {
      console.log(val)
      this.linkUrl = val
    }
  }
}
</script>

<style scoped>

</style>